import {Dimensions, StyleSheet} from "react-native";

const SCREEN_HEIGHT = Dimensions.get("window").height;

const styles = StyleSheet.create({
    loadingIndicator: {
        elevation: 1,
        flexDirection: "column",
        marginTop: '20%',
        justifyContent: "center",
        alignItems: "center",
    },
    emojiList: {
        height: SCREEN_HEIGHT / 3, // 固定高度，适配屏幕
    },
    customGrid: {
        paddingBottom: 5,
    },
    stickerContainer: {
        width: 50,
        height: 50,
        margin: 5,
        justifyContent: "center",
        alignItems: "center",
    },
    stickerImage: {
        width: 50,
        height: 50,
        borderRadius: 8,
    },
    addButton: {
        width: 50,
        height: 50,
        borderWidth: 1,
        borderColor: "#ccc",
        borderRadius: 10,
        borderStyle: "dashed",
        justifyContent: "center",
        alignItems: "center",
        margin: 5,
    },
    addButtonText: {
        fontSize: 32,
        color: "#aaa",
    },
    tabBar: {
        flexDirection: "row",
        justifyContent: "flex-start",
        paddingHorizontal: 10,
        paddingVertical: 6,
        borderBottomWidth: 1,
    },
    tabItem: {
        padding: 8,
        borderRadius: 6,
    },
    tabItemActive: {
        backgroundColor: "#e0e0e0",
    }
});
export default styles;